<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin:0;padding:0;}
			li{list-style:none;}
			.bg{background: #ffffce;
			width:922px;
			height:108px;
			padding-top: 22px;
			padding-left:10px;}
			ul{ background: #9c0000;
			   width:904px;
			   height:35px;
			   border-bottom: 21px solid #cecfce;}
			   
			   li{width:102px;height:32px;
			   border-left:1px solid #9c0000;
			   border-right:1px solid #000000;
			   background:#ff6100;
			   float:left;
			   text-align: center;
			   line-height:32px;}
			   a{display: block;
			   border-top:4px solid white;
			   font-size:12px;
			   color:black;
			   text-decoration: none;
			   }
			   li:hover{
			    border-left:1px solid #9c0000;
			   border-right:1px solid #9c0000;
			   background:#000000;}
			   
			   li:hover a{border-top:4px solid #9c0000;
			   /*background:000000;*/
			   color:#ffff00;
			   }
		</style>
	</head>
	<body>
		<div class=bg>
			<ul>
				<li><a href="#" >网站首页</a></li>
				<li><a href="#">网站首页</a></li>
				<li><a href="#">网站首页</a></li>
				<li><a href="#">网站首页</a></li>
				<li><a href="#">网站首页</a></li>
				<li><a href="#">网站首页</a></li>
			</ul>
		</div>
	</body>
</html>
